@import "src/css/mixin";

#CreateDemand{
  input{
    -webkit-appearance: none;
  }
   .text-right{
      width: 100%;
      margin-top: .5rem;
  }
  .icon-checkmark-pc{
    font-size: 12px;
    color: #fff;
    display: inline-block;
    -webkit-transform: rotate(0) scale(.75,.75);
    -ms-transform: rotate(0) scale(.75,.75);
    transform: rotate(0) scale(.75,.75);
  }
  #TypeSelect {
    width:100%;
    .progress-bar {
      display: block;
      width: 230px;
      height: 6px;
      margin: 0;
      padding: 0;
      border: 0;
      background: #D2D9E1;
    }
    .title {
      font-size: .25rem;
      color: $black;
      letter-spacing: 0;
      display: block;
      height: .25rem;
      line-height: .25rem;
      font-weight: 700;
    }
    .inquiry-type {
      position: relative;
      display: inline-block;
      height: 100%;
      width: 100%;
      padding: .4rem .2rem .5rem .2rem;
    }
    .choice-button {
      margin-top: .3rem;
    }
    .choice-type {
      height: .42rem;
      line-height: .42rem;
      cursor: pointer;
    }
    .select {
      display: inline-block;
      height: .18rem;
      width: .18rem;
      font-size: .12rem;
      border-radius: 50%;
      line-height: .18rem;
      text-align: center;
      color: #ffffff;
      background: #FFFFFF;
      border: 1px solid #979797;
      margin-right: .15rem;
    }
    .isSelected {
      border: 1px solid $blue;
      background-color: $blue;
      color: #fff;
    }
    .otherType{
      display: none;
    }
    .input-ss{
      outline: none;
      width:100%;
      height:.44rem;
      line-height:.55rem;
      padding-left:0.09rem;
      border: 1px solid #E3E8EE;
      border-radius: 2px;
      color:$black;
      font-size:.14rem;
      margin-top: .17rem;
    }
    .input-ss::-webkit-input-placeholder {
      color: #B3B5B7 !important; /* WebKit browsers */
    }
    .input-ss:-moz-placeholder {
      color: #B3B5B7 !important; /*Mozilla Firefox 4 to 18 */
    }
    .input-ss::-moz-placeholder {
      color: #B3B5B7 !important; /*Mozilla Firefox 19+ */
    }
    .input-ss:-ms-input-placeholder {
      color: #B3B5B7 !important; /*Internet Explorer 10+ */
    }
    .btn {
      background: $blue;
      width: 100%;
      height: .55rem;
      color: #fff;
      padding: 0;
      font-size: .15rem;
      line-height: .55rem;
      border-radius: 2px;
      margin: 0;
      &:hover {
        background: #357ae8;
      }
      &:active {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
      }
    }
  }
  #ColorSelect{
    width:100%;
    height:6.67rem;
    .inquiry-size {
      position: relative;
      display: inline-block;
      height: 100%;
      width: 100%;
      padding: .4rem .2rem .5rem .2rem;
    }
    .choice-button {
      margin-top: .3rem;
    }
    .inquiry-title{
      font-size: .25rem;
      color: $black;
      letter-spacing: 0;
      display: block;
      height: .25rem;
      line-height: .25rem;
      font-weight:700;
      margin-bottom:.4rem;
    }
    .title {
      font-size: .12rem;
      color: $black;
      letter-spacing: 0;
      height:.32rem;
      line-height:.32rem;
      display:inline-block;
      margin-right:.21rem;
      font-weight: 700;
    }
    .option {
      position:absolute;
      width:100%;
      left:0;
      background:#fff;
      z-index:1;
      border:1px solid $linecolor;
      box-shadow: 0 1px 4px rgba(0,0,0,.13);
    }
    .size {
      font-size:14px;
      border:0;
    }
    .choose {
      width: .7rem;
      border:1px solid $linecolor;
      color:$gray;
      text-align:center;
      font-size:.14rem;
      height:.32rem;
      line-height:.32rem;
      border-radius:2px;
      cursor:pointer;
      margin-right:.2rem;
      display:inline-block;
      &:last-child{
          margin-right:0;
      }
    }
    
    .choice-button {
      margin-top: .3rem;
    }
    .choice-fault {
      height: .42rem;
      line-height: .42rem;
      cursor: pointer;
    }
    .select,.fault {
      display: inline-block;
      height: .18rem;
      width: .18rem;
      font-size: .12rem;
      border-radius: 50%;
      line-height: .18rem;
      text-align: center;
      color: #ffffff;
      background: #FFFFFF;
      border: 1px solid #979797;
      margin-right: .15rem;
    }
    .faultSelected {
      border: 1px solid $blue;
      background-color: $blue;
      color: #fff;
    }
    .btn {
      background: $blue;
      width: 1.6rem;
      height: .55rem;
      color: #fff;
      padding: 0;
      font-size: .15rem;
      line-height: .55rem;
      border-radius: 2px;
      margin: 0;
      &:hover {
        background: #357ae8;
      }
      &:active {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
      }
    }
    .inquiry-color-prv{
      border: 1px solid #78aaff;
      border-radius: 2px;
      background-color:#fff;
      color: $blue;
      margin-right:.1rem;
    }
    .inquiry-color-prv:hover{
      background-color:$blue;
      color: #fff;
    }
    .pos {
      position:relative;
      display: inline-block;
    }
    .unit {
      position: absolute;
      right: 15px;
      top: 0;
      color: #B3B5B7;
      height: 44px;
      line-height: 44px;
    }
    .span1 ,.span3{
      position: relative;
      margin-bottom:.3rem;
      .col-xs-4 {
        padding-right:15px;
        padding-left:0;
      }
      .col-xs-4:last-child {
        padding-right:15px;
      }
    }
    .input-ss{
      font-size:.14rem;
      outline: none;
      width:2.67rem;
      height:.44rem;
      line-height:.44rem;
      padding-left:.09rem;
      border: 1px solid #E3E8EE;
      border-radius: 2px;
      color:$black;
    }
    .input-ss::-webkit-input-placeholder {
      color: #B3B5B7 !important; /* WebKit browsers */
    }
    .input-ss:-moz-placeholder {
      color: #B3B5B7 !important; /*Mozilla Firefox 4 to 18 */
    }
    .input-ss::-moz-placeholder {
      color: #B3B5B7 !important; /*Mozilla Firefox 19+ */
    }
    .input-ss:-ms-input-placeholder {
      color: #B3B5B7 !important; /*Internet Explorer 10+ */
    }
    .locChoosed,.corChoosed,.spanChoosed {
      color:#fff!important;
      background:$blue!important;
      border-color:transparent;
    }
     //自定义
    [class^="custom-options-"]{
      display: inline-block;
    }
    .custom-options-button{
      .choose{
        width: .5rem;
        margin-right:.17rem;
      }
    }
    .custom-text{
      width: .5rem;
      display: inline-block;
      border: 1px solid #E3E8EE;
      border-radius: 2px;
      height:.32rem;
      line-height:.32rem;
      font-size: .14rem;
      color: #B3B5B7;
      letter-spacing: 0;
      margin-left: -5px;
      text-align: center;
    }
    .custom-options-input{
      .input-ss{
        width: 1.6rem;
        display: inline-block;
        margin-right: .2rem;
      }
      .custom-text{
        width: .7rem;
        color: #ffffff;
        background-color: $blue;
      }
    }
  }
   #LastSelect{
    width:100%;
    height:6.67rem;
    .location{
      display:inline-block;
      height: .14rem;
      text-align: left;
      margin-top: .3rem;
      margin-bottom: .24rem;
      .icon-location-1{
        color: $blue;
        margin-right:25px;
        font-size: 21px;
        position: absolute;
      }
      .icon-circle-down{
        display: inline-block;
        margin-left: .09rem;
        position: relative;
        transform: rotate(0deg) scale(.75, .75);
        top:0;;
      }
      .citySelect{
        font-size:.14rem;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: top;
        text-align: center;
      }
    }
    .progress-bar{
      display: block;
      width:100%;
      height:6px;
      margin:0;
      padding:0;
      border:0;
      background: #D2D9E1;
    }
    .inquiry-last{
      position: relative;
      display: inline-block;
      height: 100%;
      width: 100%;
      padding: .4rem .2rem .5rem .2rem;
    }
    .inquiry-title{
      font-size: .25rem;
      color: $black;
      letter-spacing: 0;
      display: block;
      height: .25rem;
      line-height: .25rem;
      font-weight: 700;
    }
    .title {
      font-size: .12rem;
      color: $black;
      letter-spacing: 0;
      height:.14rem;
      line-height:.14rem;
      display:block;
      margin-bottom:.19rem;
      font-weight: 700;
    }
    .address{
      display:inline-block;
      height:.14rem;
      line-height:.14rem;
      vertical-align: top;
      margin-right:.31rem;
    }

    .btn {
      background: $blue;
      width: 1.6rem;
      height: .55rem;
      color: #fff;
      padding: 0;
      font-size: .15rem;
      line-height: .55rem;
      border-radius: 2px;
      margin: 0;
      &:hover {
        background: #357ae8;
      }
      &:active {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
      }
    }
    .inquiry-last-prv{
      border: 1px solid #78aaff;
      border-radius: 2px;
      background-color:#fff;
      color: $blue;
      margin-right:.1rem;
    }
    .inquiry-last-prv:hover{
      background-color:$blue;
      color: #fff;
    }
    .pos {
      position:relative;
      display: inline-block;
    }

    .span1 {
      margin-top:.42rem;
      margin-bottom:.3rem;
      position: relative;
    }
    .input-ss{
      outline: none;
      width:100%;
      height:.44rem;
      line-height:.44rem;
      padding-left:0.09rem;
      border: none;
      border-bottom: 1px solid #E3E8EE;
      border-radius: 2px;
      color:$black;
      font-size:.14rem;
      padding: 0;
    }
    .input-ss::-webkit-input-placeholder {
      color: #B3B5B7 !important; /* WebKit browsers */
    }
    .input-ss:-moz-placeholder {
      color: #B3B5B7 !important; /*Mozilla Firefox 4 to 18 */
    }
    .input-ss::-moz-placeholder {
      color: #B3B5B7 !important; /*Mozilla Firefox 19+ */
    }
    .input-ss:-ms-input-placeholder {
      color: #B3B5B7 !important; /*Internet Explorer 10+ */
    }
  }
  
  .errorTip {
    display: none;
    color: #FE3824;
    font-size: .14rem;
    position: absolute;
    bottom: -.25rem;
    left: .48rem;
  }
  .icon-mark {
    margin-right: 1px;
    vertical-align: -1px;
  }
  .nickTip{
    left:0;
  }
  .otherTip{
    display: none;
    color: #fe3824;
    font-size: .14rem;
    margin-top: .1rem;
    position: relative;
    bottom: 0;
    left: 0;
  }
}